<template>
<!-- 潮流资讯 -->
     <div id="trend_information">
        <van-nav-bar title="潮流资讯" left-text="返回" left-arrow
              @click-left="onClickLeft"
             @click-right="onClickRight"
        >
        <template #right>
            <van-icon name="ellipsis" size="18" />
        </template>
        </van-nav-bar>
        <div class="top"></div>
            <div class="img" v-for="(item,index) in imgs"
                :key="index"
            >
                <router-link to='/TrendInformation'> <img :src="item.url" alt=""></router-link>
            </div>

    </div>
</template>
 
<script>
export default {
    name:"Trend_information",
    data(){
        return{
            imgs:[
                {index:'0',
                url:require('../assets/images/潮流资讯/潮流_02.png')
                },
                {index:'1',
                url:require('../assets/images/潮流资讯/潮流_04.png')

                },
                {index:'2',
                url:require('../assets/images/潮流资讯/潮流_05_06.png')
                },
                {index:'3',
                url:require('../assets/images/潮流资讯/潮流_04.png')
                },
            ]
        }
    },
    methods: {
    onClickLeft() {
      
      this.$router.go(-1)
    },
    onClickRight() {
      
    },
  },
}
</script>

<style lang="less">
#trend_information{
    background:#fff;
}
    .top{
        padding-top:100px;
        width:100%;
        position: relative;

    }
    .img img{
        width:100%; 
        margin-bottom:24px;
        height:340px;
    }
</style>
